<template>
   <view>
      <u-navbar title="我的考试" fixed placeholder autoBack></u-navbar>
      <view class="content">
         <view style="background-color: #ffffff;padding: 0 10px 10px;box-sizing: border-box;margin-bottom: 10px;">
            <u-search v-model="search" shape="round" maxlength="20"></u-search>
         </view>
         <z-paging ref="paging" v-model="items" fixed use-safe-area-placeholder refresher-vibrate refresher-background="#f5f5f5"
			@query="onRefresh" safe-area-inset-bottom show-refresher-when-reload refresher-only show-refresher-update-time
         loading-more-enabled to-bottom-loading-more-enabled
         style="top: calc(44px + 44px + 10px + var(--status-bar-height));">
            <u-cell title="大型数据库" v-for="i in 3" :key="i">
               <view slot="label" class="cell_label">
                  南C201 | 第十五周 周三一二节
               </view>
            </u-cell>
         </z-paging>
      </view>
   </view>
</template>

<script>
   export default {
      data() {
         return {
            search: '',
            items: []
         }
      },
      methods: {
         onRefresh() {
            this.$refs.paging.complete([])
         }
      }
   }
</script>

<style lang="scss" scoped>
   .cell_label {
      color: #999999;
      font-size: 12px;
   }
</style>
